<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>MultiSelect Demos</title>
	
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>

	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
		
	<script src="../ui.select.multi.js" type="text/javascript"></script>
	<link  href="../ui.select.multi.css" rel="stylesheet" type="text/css" />
		
	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<script src="../../../../scripts/jquery_plugins/jquery.json.js" type="text/javascript"></script>
<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<script>
		//初始化事件
		$(function() {
			jQuery("#multiSelect").multiSelect({ 
				oneOrMoreSelected: '*' 
			}) ;
			
			$('#getValue').click( function(){
				var obj = jQuery("#multiSelect").multiSelect().getValue()  ;
				$('.value').removeClass('ui-helper-hidden').html( jQuery.json.encode(obj) ) ;
			} ) ;
		}) ;
	</script>
	
</head>

<body>

	
	<div class=''>
		<div>
			<a href='javascript:' id='getValue'>getValue</a> &nbsp;&nbsp;
			<br/><br/>
			<span class='ui-state-highlight value ui-helper-hidden'></span>
		</div>
		<br />
		<select multiple="multiple" id="multiSelect" name="multiSelect"  size="5">
			<option value="01">
				湖南
			</option>
			<option value="02" selected>
				湖北
			</option>
			<option value="03">
				江西
			</option>
			<option value="04">
				海南
			</option>
			<option value="05" selected>
				广西
			</option>
			<option value="06" selected>
				广东
			</option>
			<option value="07">
				北京
			</option>
		</select>
		
	</div>
</body>
</html>